<style type="text/css">
  .showok img{
    display: none;
  }
  .showok:hover img{
    display:block;
    height: 300px;
    width: 500px;
    z-index: 100;
    margin-left: 70%;
  }
  .aa {
    margin-bottom: 0px;
  }
  .aa > h4 img {
    width: 300px;
  }
  .show-img {
    width:  310px;
    background-color: #dde3e6;
    padding-left: 4px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
  }
  .text-center {
      text-align: inherit;
  }
  .m-t-xs {
      margin-top: 7px;
  }
  .set-btn {
    padding-right:5px;
    width: 44px;
    color: #23b7e5;
    text-align: left;
    position: absolute;
    text-decoration: underline;
  }
</style>
<div class="text-center col-xs-12">
    <div class="panel panel-default col-xs-10 col-xs-offset-1" style="margin-top: 50px; padding: 0px;">
        <div class="panel-heading" style="text-align: center;">
            <h4 class="modal-title">店铺装修</h4>
        </div>
        <div class="panel-body">
            <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        首页轮播图
                    </h4>
                    <div class="col-lg-4 control-label">
                      <div class="show-img" style="padding-top:6px">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/2271545790824_.pic_hd.jpg" alt="" style="width:300px;height:110px">
                      </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.top_pics_state">
                              <i></i>
                            </label>
                            <a href="">
                              <span class="control-label set-btn" ng-click="edit('rolling')">设置</span>
                            </a>
                          </div>
                    </h4>
                    <!-- <h4 class="col-sm-1">
                      <button type="submit" class="btn btn-info" ng-click="edit('rolling')">编辑</button>
                    </h4> -->
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        分类导航
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px"> 
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/20181226114318.png" alt="" style="width:300px;">
                        </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.class_state">
                              <i></i>
                            </label>
                            <a href="">
                                <span class="control-label set-btn" ng-click="edit('class')">设置</span>
                            </a>
                            <br/>
                            <label class="col-lg-6 control-label" style="padding-right:5px">显示数量</label>
                            <div class="col-lg-4" style="padding-left:0px">
                                <select class="form-control" ng-model="bean.class_num">
                                  <option value=''>--选择--</option>
                                  <option value='3'>3</option>
                                  <option value='4'>4</option>
                                  <option value='5'>5</option>
                                </select>
                            </div>
                        </div>
                    </h4>
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        店铺广告
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/2291545790867_.pic.jpg" alt="" style="width: 300px;">
                        </div>
                    </div>
                    <h4 class="col-md-4" style="margin-bottom:0px">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">广告类型</label>
                            <div class="col-lg-4" style="padding-left:0px">
                                <select class="form-control" ng-model="bean.show_shopad">
                                  <option value=''>--选择--</option>
                                  <option value='0'>不显示广告</option>
                                  <option value='1'>自定义广告</option>
                                  <option value='2'>公共广告</option>
                                </select>
                            </div>
                        </div>
                    </h4>
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        看看赚
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/2381545794607_.pic.jpg" alt="" style="width: 300px;">
                        </div>
                    </div>
                    <h4 class="col-sm-4" style="margin-top: 9px;margin-bottom: 0px;">
                        <div class="form-group" style="margin-bottom:13px">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.see_state">
                              <i></i>
                            </label>
                            <a href="">
                                <span class="control-label set-btn" ng-click="edit('kkz')">设置</span>
                            </a>
                        </div>
                    </h4>
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        限时购
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/20181228150724.png" alt="" style="width: 300px;">
                        </div>
                    </div>
                    <!-- <h4 class="col-sm-4" style="margin-top: 9px;margin-bottom: 0px;">
                        <div class="form-group" style="margin-bottom:13px">
                          <a href="">
                            <span class="col-lg-6 control-label " style="padding-right:40px;color: #23b7e5;
                            position: absolute;
                            text-decoration: underline;" ng-click="edit('xsg')">设置</span>
                          </a>  
                    </h4> -->
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.limit_buy_state">
                              <i></i>
                            </label>
                            <a href="">
                              <span class="control-label set-btn" ng-click="edit('xsg')">设置</span>
                            </a>
                          </div>
                    </h4>
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        栏目
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/20181228150813.png" alt="" style="width:300px">
                        </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.column_state">
                              <i></i>
                            </label>
                            <a href="">
                                <span class="control-label set-btn" ng-click="edit('column')">设置</span>
                            </a>
                        </div>
                    </h4>
                    <!-- <h4 class="col-sm-1">
                        <button type="submit" class="btn btn-info" ng-click="edit('column')">编辑</button>
                    </h4> -->
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        杀价帮
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/2321545790999_.pic_hd.jpg" alt="" style="width:300px">
                        </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.bargain_state">
                              <i></i>
                            </label>
                            <a href="">
                                <span class="control-label set-btn" ng-click="edit('bargain')">设置</span>
                            </a>
                        </div>
                    </h4>
                    <!-- <h4 class="col-sm-1">
                        <button type="submit" class="btn btn-info" ng-click="edit('bargain')">编辑</button>
                    </h4> -->
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        惠卡多
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/2341545791449_.pic_hd.jpg" alt="" style="width:300px">
                        </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.hkd_state">
                              <i></i>
                            </label>
                            <a href="">
                                <span class="control-label set-btn" ng-click="edit('hkd')">设置</span>
                            </a>
                        </div>
                    </h4>
                    <!-- <h4 class="col-sm-1">
                        <button type="submit" class="btn btn-info" ng-click="edit('hkd')">编辑</button>
                    </h4> -->
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        义卖
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px">
                        <div class="show-img">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/20181228150807.png" alt="" style="width:300px">
                        </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.welfare_sale_state">
                              <i></i>
                            </label>
                            <a href="">
                              <span class="control-label set-btn" ng-click="edit('ym')">设置</span>
                            </a>
                          </div>
                    </h4>
                </div>
                <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        公益游
                    </h4>
                    <div class="col-lg-4 control-label" style="padding-top:1px;">
                        <div class="show-img" style="padding-bottom: 6px">
                          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/2371545794577_.pic_hd.jpg" alt="" style="width:300px">
                        </div>
                    </div>
                    <h4 class="col-sm-4">
                        <div class="form-group">
                            <label class="col-lg-6 control-label" style="padding-right:5px">是否显示</label>
                            <label class="i-switch m-t-xs m-r">
                              <input type="checkbox" ng-true-value="'1'" ng-false-value="'0'" ng-model="bean.commonweal_state">
                              <i></i>
                            </label>
                            <!-- <a href="">
                                <span class="control-label set-btn" ng-click="edit('tour')">设置</span>
                            </a> -->
                        </div>
                    </h4>
                    <!-- <h4 class="col-sm-1">
                        <button type="submit" class="btn btn-info" ng-click="edit('tour')">编辑</button>
                    </h4> -->
                </div>
                <!-- <div class="form-group aa">
                    <h4 class="col-lg-2 control-label">
                        活动
                    </h4>
                    <h4 class="col-sm-4">
                        <div class="radio"> 
                            <label class="i-checks">
                                <input type="radio" ng-model="bean.active_state" ng-value="'1'">
                                <i></i>显示
                            </label>
                            <label class="i-checks" style="margin-left: 20px">
                                <input type="radio" ng-model="bean.active_state" ng-value="'0'">
                                <i></i>不显示
                            </label>
                        </div>
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-2 control-label">
                        店铺公告
                    </h4>
                    <h4 class="col-sm-4">
                        <div class="radio">
                            <label class="i-checks">
                                <input type="radio" ng-model="bean.notice_state" ng-value="'1'">
                                <i></i>显示
                            </label>
                            <label class="i-checks" style="margin-left: 20px">
                                <input type="radio" ng-model="bean.notice_state" ng-value="'0'">
                                <i></i>不显示
                            </label>
                        </div>
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-2 control-label">
                        店铺详情
                    </h4>
                    <h4 class="col-sm-4">
                        <div class="radio">
                            <label class="i-checks">
                                <input type="radio" ng-model="bean.info_state" ng-value="'1'">
                                <i></i>显示
                            </label>
                            <label class="i-checks" style="margin-left: 20px">
                                <input type="radio" ng-model="bean.info_state" ng-value="'0'">
                                <i></i>不显示
                            </label>
                        </div>
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                </div> -->
            </form>
        </div>
        <div class="panel-footer col-xs-12 text-center">
            <div class="col-xs-2 col-xs-offset-5">
                <button class="btn btn-success btn-block" type="button" ng-click="ok()">保存</button>
            </div>
        </div>
    </div>
</div>